<!--
/**
 * @author xuyh0817
 * @email xuyh0817@foxmail.com
 * @date 2022-10-19 12:39
 * @version 1.0.0
 * @doc todo
 * @website todo
 * @remark  如果要分发源码，需在本文件顶部保留此文件头信息！！
 * @description 标题
 */
 -->
<template>
  <div class="x-render-title" v-html="title.trim()"
       :style="{'font-size': fontSize + 'px','line-height': lineHeight+'px'}">
  </div>
</template>

<script>
export default {
  name: "MoTitle",
  props: {
    title: {
      type: String,
      default: '标题'
    },
    fontSize: {
      type: Number,
      default: 27
    },
    lineHeight: {
      type: Number,
      default: 42
    }
  }
}
</script>

<style scoped lang="css">
.x-render-title {
  display: block;
  font-size: 26px;
  line-height: 42px;
  font-family: '黑体';
  text-align: center;
  font-weight: bold;
  margin-bottom: 18px;

}
</style>
